<template>
    <div class="box">
        <el-container>
            <el-header height="150px">
              <NoHomeTop  />
               <div class="el_header_bottom">
                   <viewQuesTop/>
               </div>
            </el-header>
            <el-main>
                <div class="el_mian_cont">
                    <div class="left">
                        <Comment :articleList="articleList" v-show="menuKey=='1'"/>
                    </div>
                    <div class="right">
                        <div class="right_top_box"><img src="@/assets/images/cuet1.png" alt=""></div>
                        <div class="right_top_box mt"><img src="@/assets/images/cuet2.png" alt=""></div>
                        <div class="right_top_box mt"><img src="@/assets/images/cuet3.png" alt=""></div>
                    </div>
                </div>
            </el-main>
        </el-container>
    </div>
</template>

<script>
  import Comment from "@/components/comment.vue";
  import viewQuesTop from '@/components/viewQuesTop.vue'
  import NoHomeTop from "@/components/noHomeTop/noHomeTop.vue"
  export default {
    name:'Home',
    components:{
        Comment,
        viewQuesTop,
        NoHomeTop
    },
    data() {
      return {
        activeIndex: '1',
       
        articleList:[
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当`,
                img:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                commonList:[
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'咔咔'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'阿斯顿撒多'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'第三个风格'
                    },
                ]
            },
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当初被我拒绝的倒数第一。他西装革履，腕上的一支手表够我一年的工资。我去找他借钱，男人靠着门框，松了松领带。“可以。”“一晚上，一万。”“我想尝尝看一直没尝到的你……的味道。”1.我被陆伤搂在怀里时，正好听见走廊里的讨论声。“诶，你说，陈晚晚会不会后悔死当初拒绝陆伤了？”“那肯定的啊，你瞧她现在这穷酸样。”“当初陆伤那么要死要活地追着他……”“我要是她，恨不得穿回去扇自己两巴掌。”“……”讨论声越走越远，我才从男人的桎梏中被放了出来。他伸出手指，略轻挑地勾了勾我的马尾。“好像在说我们啊。”“……”朝曾经拒绝过我的人借钱就算了，还正好撞见以前的同班同学议论我们。我抬眼，盯着面前的男人瞧。曾经没身份没背景的少年好像早已飞黄腾达，他眉骨那有道疤，依旧没有长好。是高中时为了保护我受的。我躲到墙角，任由他目光无所顾忌地在我身上穿行。然后，我开口说：“我奶奶生病住院了……”“你奶奶生病住院跟我有什么关系？”他无比认真地靠在我身前问我这个问题。我哑口无言，刚想着早知道就不选这么离谱的理由接近他了，他就歪着头凑近我，把我抵在墙角。弯腰，自我的口袋里抽出一支笔。然后咬开盖子，牵起我的手在我的手腕上写道。一串数字。男人掀起眼皮看我，他是内双，这么看人，深邃又带着点侵略性。手摁了摁我的肩膀，在我的耳边说：“一晚上给你一万。”“想好再联系我。”2.我插着口袋在街边，盯着一辆辆汽车在马路上穿行。直到手机响了。我接起。“进展怎么样？”电话那边的嗓音有些哑，一听就是跟我一样熬了大夜。我回他：“稀巴烂。”“什么稀巴烂？”我叹了口气。“详细的到接头的地点跟你说。”“……”我收掉电话，伸手抹了抹自己手臂上的痕迹。陆伤他以前的字跟狗爬一样，现在的反倒好看了。电话那头是我的同事。市公安局刑侦大队侦查小组组长，何昌旭。而我，是一名便衣警察。其实我不想当他们的卧底的，可这次卧底的身份太适合我了。他们刑侦大队现在调查的涉黑涉恶犯罪嫌疑人名字叫陆伤。是日海集团执行总裁，市青年企业家，也是……我那个高中时声名远扬的，初恋。`,
            },
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当初被我拒绝的倒数第一。他西装革履，腕上的一支手表够我一年的工资。我去找他借钱，男人靠着门框，松了松领带。“可以。”“一晚上，一万。”“我想尝尝看一直没尝到的你……的味道。”1.我被陆伤搂在怀里时，正好听见走廊里的讨论声。“诶，你说，陈晚晚会不会后悔死当初拒绝陆伤了？”“那肯定的啊，你瞧她现在这穷酸样。”“当初陆伤那么要死要活地追着他……”“我要是她，恨不得穿回去扇自己两巴掌。”“……”讨论声越走越远，我才从男人的桎梏中被放了出来。他伸出手指，略轻挑地勾了勾我的马尾。“好像在说我们啊。”“……”朝曾经拒绝过我的人借钱就算了，还正好撞见以前的同班同学议论我们。我抬眼，盯着面前的男人瞧。曾经没身份没背景的少年好像早已飞黄腾达，他眉骨那有道疤，依旧没有长好。是高中时为了保护我受的。我躲到墙角，任由他目光无所顾忌地在我身上穿行。然后，我开口说：“我奶奶生病住院了……”“你奶奶生病住院跟我有什么关系？”他无比认真地靠在我身前问我这个问题。我哑口无言，刚想着早知道就不选这么离谱的理由接近他了，他就歪着头凑近我，把我抵在墙角。弯腰，自我的口袋里抽出一支笔。然后咬开盖子，牵起我的手在我的手腕上写道。一串数字。男人掀起眼皮看我，他是内双，这么看人，深邃又带着点侵略性。手摁了摁我的肩膀，在我的耳边说：“一晚上给你一万。”“想好再联系我。”2.我插着口袋在街边，盯着一辆辆汽车在马路上穿行。直到手机响了。我接起。“进展怎么样？”电话那边的嗓音有些哑，一听就是跟我一样熬了大夜。我回他：“稀巴烂。”“什么稀巴烂？”我叹了口气。“详细的到接头的地点跟你说。”“……”我收掉电话，伸手抹了抹自己手臂上的痕迹。陆伤他以前的字跟狗爬一样，现在的反倒好看了。电话那头是我的同事。市公安局刑侦大队侦查小组组长，何昌旭。而我，是一名便衣警察。其实我不想当他们的卧底的，可这次卧底的身份太适合我了。他们刑侦大队现在调查的涉黑涉恶犯罪嫌疑人名字叫陆伤。是日海集团执行总裁，市青年企业家，也是……我那个高中时声名远扬的，初恋。`,
                commonList:[
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'咔咔'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'中心自行车自行车'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'咔咔'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'阿斯顿撒多'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'第三个风格'
                    },
                ]
            },
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当初被我拒绝的倒数第一。他西装革履，腕上的一支手表够我一年的工资。我去找他借钱，男人靠着门框，松了松领带。“可以。”“一晚上，一万。”“我想尝尝看一直没尝到的你……的味道。”1.我被陆伤搂在怀里时，正好听见走廊里的讨论声。“诶，你说，陈晚晚会不会后悔死当初拒绝陆伤了？”“那肯定的啊，你瞧她现在这穷酸样。”“当初陆伤那么要死要活地追着他……”“我要是她，恨不得穿回去扇自己两巴掌。”“……”讨论声越走越远，我才从男人的桎梏中被放了出来。他伸出手指，略轻挑地勾了勾我的马尾。“好像在说我们啊。”“……”朝曾经拒绝过我的人借钱就算了，还正好撞见以前的同班同学议论我们。我抬眼，盯着面前的男人瞧。曾经没身份没背景的少年好像早已飞黄腾达，他眉骨那有道疤，依旧没有长好。是高中时为了保护我受的。我躲到墙角，任由他目光无所顾忌地在我身上穿行。然后，我开口说：“我奶奶生病住院了……”“你奶奶生病住院跟我有什么关系？”他无比认真地靠在我身前问我这个问题。我哑口无言，刚想着早知道就不选这么离谱的理由接近他了，他就歪着头凑近我，把我抵在墙角。弯腰，自我的口袋里抽出一支笔。然后咬开盖子，牵起我的手在我的手腕上写道。一串数字。男人掀起眼皮看我，他是内双，这么看人，深邃又带着点侵略性。手摁了摁我的肩膀，在我的耳边说：“一晚上给你一万。”“想好再联系我。”2.我插着口袋在街边，盯着一辆辆汽车在马路上穿行。直到手机响了。我接起。“进展怎么样？”电话那边的嗓音有些哑，一听就是跟我一样熬了大夜。我回他：“稀巴烂。”“什么稀巴烂？”我叹了口气。“详细的到接头的地点跟你说。”“……”我收掉电话，伸手抹了抹自己手臂上的痕迹。陆伤他以前的字跟狗爬一样，现在的反倒好看了。电话那头是我的同事。市公安局刑侦大队侦查小组组长，何昌旭。而我，是一名便衣警察。其实我不想当他们的卧底的，可这次卧底的身份太适合我了。他们刑侦大队现在调查的涉黑涉恶犯罪嫌疑人名字叫陆伤。是日海集团执行总裁，市青年企业家，也是……我那个高中时声名远扬的，初恋。`,
            },
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当初被我拒绝的倒数第一。他西装革履，腕上的一支手表够我一年的工资。我去找他借钱，男人靠着门框，松了松领带。“可以。”“一晚上，一万。”“我想尝尝看一直没尝到的你……的味道。”1.我被陆伤搂在怀里时，正好听见走廊里的讨论声。“诶，你说，陈晚晚会不会后悔死当初拒绝陆伤了？”“那肯定的啊，你瞧她现在这穷酸样。”“当初陆伤那么要死要活地追着他……”“我要是她，恨不得穿回去扇自己两巴掌。”“……”讨论声越走越远，我才从男人的桎梏中被放了出来。他伸出手指，略轻挑地勾了勾我的马尾。“好像在说我们啊。”“……”朝曾经拒绝过我的人借钱就算了，还正好撞见以前的同班同学议论我们。我抬眼，盯着面前的男人瞧。曾经没身份没背景的少年好像早已飞黄腾达，他眉骨那有道疤，依旧没有长好。是高中时为了保护我受的。我躲到墙角，任由他目光无所顾忌地在我身上穿行。然后，我开口说：“我奶奶生病住院了……”“你奶奶生病住院跟我有什么关系？”他无比认真地靠在我身前问我这个问题。我哑口无言，刚想着早知道就不选这么离谱的理由接近他了，他就歪着头凑近我，把我抵在墙角。弯腰，自我的口袋里抽出一支笔。然后咬开盖子，牵起我的手在我的手腕上写道。一串数字。男人掀起眼皮看我，他是内双，这么看人，深邃又带着点侵略性。手摁了摁我的肩膀，在我的耳边说：“一晚上给你一万。”“想好再联系我。”2.我插着口袋在街边，盯着一辆辆汽车在马路上穿行。直到手机响了。我接起。“进展怎么样？”电话那边的嗓音有些哑，一听就是跟我一样熬了大夜。我回他：“稀巴烂。”“什么稀巴烂？”我叹了口气。“详细的到接头的地点跟你说。”“……”我收掉电话，伸手抹了抹自己手臂上的痕迹。陆伤他以前的字跟狗爬一样，现在的反倒好看了。电话那头是我的同事。市公安局刑侦大队侦查小组组长，何昌旭。而我，是一名便衣警察。其实我不想当他们的卧底的，可这次卧底的身份太适合我了。他们刑侦大队现在调查的涉黑涉恶犯罪嫌疑人名字叫陆伤。是日海集团执行总裁，市青年企业家，也是……我那个高中时声名远扬的，初恋。`,
                img:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                commonList:[
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'咔咔'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'中心自行车自行车'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'咔咔'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'阿斯顿撒多'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'第三个风格'
                    },
                ]
            },
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当初被我拒绝的倒数第一。他西装革履，腕上的一支手表够我一年的工资。我去找他借钱，男人靠着门框，松了松领带。“可以。”“一晚上，一万。”“我想尝尝看一直没尝到的你……的味道。”1.我被陆伤搂在怀里时，正好听见走廊里的讨论声。“诶，你说，陈晚晚会不会后悔死当初拒绝陆伤了？”“那肯定的啊，你瞧她现在这穷酸样。”“当初陆伤那么要死要活地追着他……”“我要是她，恨不得穿回去扇自己两巴掌。”“……”讨论声越走越远，我才从男人的桎梏中被放了出来。他伸出手指，略轻挑地勾了勾我的马尾。“好像在说我们啊。”“……”朝曾经拒绝过我的人借钱就算了，还正好撞见以前的同班同学议论我们。我抬眼，盯着面前的男人瞧。曾经没身份没背景的少年好像早已飞黄腾达，他眉骨那有道疤，依旧没有长好。是高中时为了保护我受的。我躲到墙角，任由他目光无所顾忌地在我身上穿行。然后，我开口说：“我奶奶生病住院了……”“你奶奶生病住院跟我有什么关系？”他无比认真地靠在我身前问我这个问题。我哑口无言，刚想着早知道就不选这么离谱的理由接近他了，他就歪着头凑近我，把我抵在墙角。弯腰，自我的口袋里抽出一支笔。然后咬开盖子，牵起我的手在我的手腕上写道。一串数字。男人掀起眼皮看我，他是内双，这么看人，深邃又带着点侵略性。手摁了摁我的肩膀，在我的耳边说：“一晚上给你一万。”“想好再联系我。”2.我插着口袋在街边，盯着一辆辆汽车在马路上穿行。直到手机响了。我接起。“进展怎么样？”电话那边的嗓音有些哑，一听就是跟我一样熬了大夜。我回他：“稀巴烂。”“什么稀巴烂？”我叹了口气。“详细的到接头的地点跟你说。”“……”我收掉电话，伸手抹了抹自己手臂上的痕迹。陆伤他以前的字跟狗爬一样，现在的反倒好看了。电话那头是我的同事。市公安局刑侦大队侦查小组组长，何昌旭。而我，是一名便衣警察。其实我不想当他们的卧底的，可这次卧底的身份太适合我了。他们刑侦大队现在调查的涉黑涉恶犯罪嫌疑人名字叫陆伤。是日海集团执行总裁，市青年企业家，也是……我那个高中时声名远扬的，初恋。`,
                img:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
            },
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当初被我拒绝的倒数第一。他西装革履，腕上的一支手表够我一年的工资。我去找他借钱，男人靠着门框，松了松领带。“可以。”“一晚上，一万。”“我想尝尝看一直没尝到的你……的味道。”1.我被陆伤搂在怀里时，正好听见走廊里的讨论声。“诶，你说，陈晚晚会不会后悔死当初拒绝陆伤了？”“那肯定的啊，你瞧她现在这穷酸样。”“当初陆伤那么要死要活地追着他……”“我要是她，恨不得穿回去扇自己两巴掌。”“……”讨论声越走越远，我才从男人的桎梏中被放了出来。他伸出手指，略轻挑地勾了勾我的马尾。“好像在说我们啊。”“……”朝曾经拒绝过我的人借钱就算了，还正好撞见以前的同班同学议论我们。我抬眼，盯着面前的男人瞧。曾经没身份没背景的少年好像早已飞黄腾达，他眉骨那有道疤，依旧没有长好。是高中时为了保护我受的。我躲到墙角，任由他目光无所顾忌地在我身上穿行。然后，我开口说：“我奶奶生病住院了……”“你奶奶生病住院跟我有什么关系？”他无比认真地靠在我身前问我这个问题。我哑口无言，刚想着早知道就不选这么离谱的理由接近他了，他就歪着头凑近我，把我抵在墙角。弯腰，自我的口袋里抽出一支笔。然后咬开盖子，牵起我的手在我的手腕上写道。一串数字。男人掀起眼皮看我，他是内双，这么看人，深邃又带着点侵略性。手摁了摁我的肩膀，在我的耳边说：“一晚上给你一万。”“想好再联系我。”2.我插着口袋在街边，盯着一辆辆汽车在马路上穿行。直到手机响了。我接起。“进展怎么样？”电话那边的嗓音有些哑，一听就是跟我一样熬了大夜。我回他：“稀巴烂。”“什么稀巴烂？”我叹了口气。“详细的到接头的地点跟你说。”“……”我收掉电话，伸手抹了抹自己手臂上的痕迹。陆伤他以前的字跟狗爬一样，现在的反倒好看了。电话那头是我的同事。市公安局刑侦大队侦查小组组长，何昌旭。而我，是一名便衣警察。其实我不想当他们的卧底的，可这次卧底的身份太适合我了。他们刑侦大队现在调查的涉黑涉恶犯罪嫌疑人名字叫陆伤。是日海集团执行总裁，市青年企业家，也是……我那个高中时声名远扬的，初恋。`,
                img:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
            },
            {
                name:'人民日报',
                time:'4小时前',
                title:'瞎扯 · 有哪些只有具备一定的物理知识者才能听懂的物理领域笑话？',
                content:`参加同学聚会，遇到当初被我拒绝的倒数第一。他西装革履，腕上的一支手表够我一年的工资。我去找他借钱，男人靠着门框，松了松领带。“可以。”“一晚上，一万。”“我想尝尝看一直没尝到的你……的味道。”1.我被陆伤搂在怀里时，正好听见走廊里的讨论声。“诶，你说，陈晚晚会不会后悔死当初拒绝陆伤了？”“那肯定的啊，你瞧她现在这穷酸样。”“当初陆伤那么要死要活地追着他……”“我要是她，恨不得穿回去扇自己两巴掌。”“……”讨论声越走越远，我才从男人的桎梏中被放了出来。他伸出手指，略轻挑地勾了勾我的马尾。“好像在说我们啊。”“……”朝曾经拒绝过我的人借钱就算了，还正好撞见以前的同班同学议论我们。我抬眼，盯着面前的男人瞧。曾经没身份没背景的少年好像早已飞黄腾达，他眉骨那有道疤，依旧没有长好。是高中时为了保护我受的。我躲到墙角，任由他目光无所顾忌地在我身上穿行。然后，我开口说：“我奶奶生病住院了……”“你奶奶生病住院跟我有什么关系？”他无比认真地靠在我身前问我这个问题。我哑口无言，刚想着早知道就不选这么离谱的理由接近他了，他就歪着头凑近我，把我抵在墙角。弯腰，自我的口袋里抽出一支笔。然后咬开盖子，牵起我的手在我的手腕上写道。一串数字。男人掀起眼皮看我，他是内双，这么看人，深邃又带着点侵略性。手摁了摁我的肩膀，在我的耳边说：“一晚上给你一万。”“想好再联系我。”2.我插着口袋在街边，盯着一辆辆汽车在马路上穿行。直到手机响了。我接起。“进展怎么样？”电话那边的嗓音有些哑，一听就是跟我一样熬了大夜。我回他：“稀巴烂。”“什么稀巴烂？”我叹了口气。“详细的到接头的地点跟你说。”“……”我收掉电话，伸手抹了抹自己手臂上的痕迹。陆伤他以前的字跟狗爬一样，现在的反倒好看了。电话那头是我的同事。市公安局刑侦大队侦查小组组长，何昌旭。而我，是一名便衣警察。其实我不想当他们的卧底的，可这次卧底的身份太适合我了。他们刑侦大队现在调查的涉黑涉恶犯罪嫌疑人名字叫陆伤。是日海集团执行总裁，市青年企业家，也是……我那个高中时声名远扬的，初恋。`,
                commonList:[
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'咔咔'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'中心自行车自行车'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'咔咔'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'阿斯顿撒多'
                    },
                    {
                        comImg:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                        comName:'第三个风格'
                    },
                ]
            },

        ],
        articleListNew:[],
        menuKey:'1',
      };
    },
    methods: {
      handleSelect(key) {
        this.menuKey = key
      },     
    },
    created() {
       
    }
  }
</script>

<style  scoped>
.box {
    width: 100%;
    min-width: 1300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-main {
    background-color: #F6F6F6;
}
.el_mian_cont {
    display: flex;
    justify-content: center;
}
.box,.el-container ,.el-main{
    height: 100%;
}
.el_header_top {
    margin: 0 auto;
    width: 1000px;
}
.el_header_top {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.top_menu {
    display: flex;
}
.menu_list:nth-child(2) {
    margin: 0 30px;
}
.menu_list:nth-child(3) {
    margin-right:80px;
}
.menu_list{
    color: #8A95AA;
}
.menu_list:hover {
    cursor: pointer;
    color: #000;
}
.top_menu_left {
    font-size: 20px;
    font-weight: 500;
    margin-right: 50px;
}
.el-menu {
    margin-right: 35px;
}
.top_input {
    position: relative;
    width: 400px;
    height: 30px;
    /* background-color: #415281; */
    border-radius: 40px;

}
.top_input input {
    width: 100%;
    height: 100%;
    outline: none;
    color: #666;
    border: none;
    background-color: #F6F6F6;
    border-radius: 30px;
    padding: 0 42px 0 10px;
    box-sizing: border-box;
    opacity: 1;
}
input:focus {
    outline: none;
 }
.top_input img {
    position: absolute;
    right: 10px;
    top: 0;
    width: 30px;
    height: 30px;
}
.button_ques {
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #78A9E6;
    background-color: #E8EAF0;
    border-radius: 40px;
    margin-left: 30px;
}
.button_ques:hover {
    cursor: pointer;
}
.avant {
    width: 35px;
    height: 35px;
    margin-left: 60px;
}
.avant img {
    width: 100%;
    height: 100%;
}
.left {
    width: 700px;
    height: 100%;
    background-color: #fff;
    margin-right: 10px;
    overflow-x: hidden;
}
.right {
    width: 300px;
}
.right_top_box {
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    color: #444;
    font-size: 12px;
}
.right_middle {
    margin-top: 10px;
    display: flex;
}
.item {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 25%;
}
.item_top {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}
img {
    width: 100%;
    height: 100%;
}
.zhizuo {
    width: 260px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #8AB6F3;
    border: 1px solid #8AB6F3;
    font-size: 16px;
}
.zhizuo:hover {
    cursor: pointer;
    color: #fff;
    background-color: #8AB6F3;
}
.mt {
    margin-top: 10px;
}
.yuedu {
    color: #8AB6F3;
    margin-left: 5px;
    cursor: pointer;
}
.title {
    padding: 20px 0 0 20px;
    font-size: 20px;
    font-weight: 400;
    color: #8AB6F3;
    box-sizing: border-box;
    cursor: pointer;
}
.left_item {
    width: 700px;
    padding: 20px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}
.left_img {
    width: 190px;
    height: 110px;
}
.item_content {
    display: flex;
    margin: 20px 0;
}
.item_content_isShow {
    margin: 20px 0;
}
.right_content {
    width: 450px;
    margin-left: 20px;
}
.cont {
    width: 660px;
}
.isShowImg {
    width: 660px;
    height: 430px;
    margin-bottom: 20px;
}
.let_y_box {
    overflow-y: scroll;
}
.left_item_title {
    margin: 10px 0 0 0;
    font-size: 20px;
    font-weight: 700;
}
.bottom_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottom_btn_left {
    display: flex;
}
.btn_one {
    display: flex;
    align-items: center;
    color: #8590A6;
    font-size: 12px;
    cursor: pointer;
}
.btn_img {
    width: 15px;
    height: 15px;
}
.text {
    margin: 0 15px 0 5px;
}
.bottom_btn_right {
    color: #8590A6;
    font-size: 12px;
    cursor: pointer;
}
</style>